<template>
  <div id="user-profile">
    <div class="main-container container-limited container-fluid">
      <breadcrumb/>
      <el-row :gutter="30" class="easy-container-x2">
        <el-col :md="8">
          <h3 class="m-t-0">公开头像</h3>
          <p>您可以在这里修改或删除头像。</p>
        </el-col>
        <el-col :md="16">
          <public-avatar/>
        </el-col>
      </el-row>
      <el-divider class="no-margin"/>
      <el-row :gutter="30" class="easy-container-x2">
        <el-col :md="8">
          <h3 class="m-t-0">个人信息</h3>
          <p>部分信息将显示在您的展示界面中。</p>
        </el-col>
        <el-col :md="16">
          <information-form />
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
import InformationForm from '@/views/users/settings/profile/information-form';
import PublicAvatar from './public-avatar';

export default {
  name: 'UserProfile', // 用户资料
  components: { PublicAvatar, InformationForm },
};
</script>

<style></style>
